<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .left{
            width: 20%;
            float: left;
            height: 500px;
        }
        .center{
            width: 60%;
            float: left;
            height: 500px;
        }
        .right{
            width: 20%;
            float: left;
            height: 500px;
        }
        .last{
            clear: both;
            text-align: center;
        }
    </style>
</head>
<body>
    <!-- 顶部图片 -->
    <div>
        <img src="../html素材/01.png" title="登录" width="100%" height="49">
    </div>
    <!--导航条图片-->
    <div>
        <img src="../html素材/06.png" title="导航条" width="100%" height="55">
        <hr/>
    </div>
    <!--左侧图片-->
    <div class="left">
        <img src="../html素材/02.png" title="广告" width="100%" height="378">
    </div>
    <!--中间正文-->
    <div class="center">
        <div><h1>中一签最多可赚逾3万元！又有新股大涨超300%,港股市场今天上午整体低位震荡</h1></div>
    <!--作者 -->
    <div><i><font size = 3 color="#a9a9a9">
        作者: HeShiJie，时间 2024年 2月29日</font></i>
        <hr/>
    </div>
    <!--副标题 -->
    <div>
        <h3>A股市场整体出现调整 券商股领涨</h3>
        </div>
    </div>
    <!--右侧广告图片-->
    <div class="right">
        <img src="../html素材/03.png" title="广告" width="100%" height="500">
    </div>
    <!--底部超链接-->
    <div class="last">
        <a href="https://www.xsyu.edu.cn/" target="_blank"><img src="../html素材/05.png" title="点击跳转到西安石油大学官网"></a>
    </div>
</body>
</html>